  <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>管理系统登录</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="css/login.css" rel="stylesheet" rev="stylesheet"
	type="text/css" media="all" />
<script type="text/javascript" src="js/yzm.js"></script>
</head>

<body>
	<div class="header">
		<h1 class="headerLogo">
			<a title="后台管理系统"><img alt="logo" src="images/logo.jpg"></a>
		</h1>
		<div class="headerNav">

			<a target="_blank" href="#">取回密码</a> <a target="_blank" href="#">意见反馈</a>
			<a target="_blank" href="#">开发团队</a> <a target="_blank" href="#">注册</a>
			<a target="_blank" href="#">帮助</a>

		</div>
	</div>

	<div class="banner">
		<!-- 登录框 -->
		<div class="login-aside">
			<div id="o-box-up"></div>
			<div id="o-box-down" style="table-layout:fixed;">
				<div class="error-box"><font color="red"></font></div>

				<form action="login" method="post">
					<!-- 用户名输入框 -->
					<div class="fm-item">
						<label for="logonId" class="form-label">选择角色： <input
							type="radio" name="option" value="student" checked="true"
							onclick="resetValue()" />学生 <input type="radio" name="option"
							value="teacher" onclick="resetValue()" />老师
							<input type="radio" name="option"
							value="teacher" onclick="resetValue()" />管理员
						</label> <input type="text" value="" maxlength="100" id="userName"
							name="userName" placeholder="请输入用户名" class="i-text"
							datatype="s6-18" errormsg="用户名至少6个字符,最多18个字符！" />
						<div class="ui-form-explain"></div>
					</div>
					<!-- 密码输入框 -->
					<div class="fm-item">
						<label for="logonId" class="form-label">登陆密码：</label> <input
							type="password" value="" maxlength="100" id="password"
							name="password" placeholder="请输入密码" class="i-text"
							datatype="*6-16" nullmsg="请输入密码！" errormsg="密码范围在6~16位之间！" />
						<div class="ui-form-explain"></div>
					</div>
					<!-- 验证码输入框 -->
					<div class="fm-item pos-r">
						<label for="logonId" class="form-label">验证码</label> <input
							type="text" value="" id="yzm" placeholder="请输入验证码"
							class="i-text yzm" nullmsg="请输入验证码！" onclick="resetValue()" />
						<div class="ui-form-explain">
							<input type="button" class="yzm-img" id="code" onclick="createCode()" style="min-width: 112px ; min-height: 38px; top:29px;background: white;font-family:方正舒体;font-size: 26px;"/>
						</div>
					</div>
					<!-- 登录按钮 -->
					<div class="fm-item">
						<label for="logonId" class="form-label"></label> <input
							type="submit" value="" tabindex="4" id="send-btn"
							class="btn-login" onclick="validate()" />
						<div class="ui-form-explain"></div>
					</div>

				</form>

			</div>

		</div>

		<div class="bd">
			<ul>
				<li
					style="background:url(images/themes/theme-pic1.jpg) #CCE1F3 center 0 no-repeat;"></li>
				<li
					style="background:url(images/themes/theme-pic2.jpg) #BCE0FF center 0 no-repeat;"></li>
			</ul>
		</div>

		<div class="hd">
			<ul></ul>
		</div>
	</div>
	<script type="text/javascript">
		jQuery(".banner").slide({
			titCell : ".hd ul",
			mainCell : ".bd ul",
			effect : "fold",
			autoPlay : true,
			autoPage : true,
			trigger : "click"
		});
	</script>

	<div class="banner-shadow"></div>

	<div class="footer">
		<p>
			Copyright &copy; 2017  <a
				target="_blank" href="http://xiaoshan2016.cn/"> 毕业设计</a>
		</p>
	</div>
</body>
</html>
